主要内容:母版,继承母版,块,组件,静态文件
母版
Title {% block page-css %} {% endblock %}这是母板的标题
{% block page-main %}{% endblock %}母板底部内容
{% block page-js %}{% endblock %}
注意:我们通常会在母版中定义页面专用的CSS块和JS块,方便子页面替换
继承母版
在子页面中在页面最上方使用下面的语法来继承母版
{% extends 'layouts.html' %}
块(block)
通过在模板中使用{% block xxx %} 来定义“块”。
在子页面中通过定义母版中的block名来对应替换母版中相应的内容。
{% block page-main %}花褪残红青杏小
燕子飞时
绿水人家绕
枝上柳绵吹又少
天涯何处无芳草
{% endblock %}
组件
可以将常用的页面内容如导航条,页尾信息等组件保存在单独的文件中,然后在需要使用的地方按如下语法导入即可。
{% include 'navbar.html' %}
静态文件相关
{% load static %}
引用JS文件时使用:
{% load static %}
某个文件多出被用到可以存为一个变量
{% load static %}{% static "images/hi.jpg" as myphoto %}
使用get_static_profix
{% load static %}
或者
{% load static %}{% get_static_prefix as STATIC_PREFIX %}
自定义simpletag
和自定义filter类似,只不过接受更灵活的参数。
定义注册simple tag
@register.simple_tag(name="plus")def plus(a, b, c): return "{} + {} + {}".format(a, b, c)
使用自定义simple tag
{% load app01_demo %}{ # simple tag #}{% plus "1" "2" "abc" %}
inclusion_tag
多用于返回HTML代码片段
示例:
templatetages/my_inclusion.py
from django import templateregister = template.Library()@register.inclusion_tag('result.html')def show_results(n): n = 1 if n < 1 else int(n) data = ["第{}项".format(i) for i in range(1, n+1)] return { "data": data}
templates/result.html
- {% for choice in data %}
- { { choice }} {% endfor %}
templates/index.html
inclusion_tag test {% load my_inclusion %}{% show_results 10 %}